.friendbox{
	padding-top: 1.1rem;
}
.chatlistbox{
	display: flex;
    height: 1.3rem;
    align-items: center;
    width: 100%;
	margin-bottom: .03rem;
}
.chatlistavabox{
	position: relative;
	width: 1rem;
	height: 1rem;
}
.chatlistavabox .noreadbox{
	position: absolute;
    top: -.08rem;
    right: -.15rem;
}
.chatlistavabox .van-tag{
	padding: .07em .5em;
}
.avatar{
	width: 1rem;
	height: 1rem;
	object-fit: cover; 
	object-position: top;
	border-radius: .15rem;
}
.chatlist_rightbox{
	flex:1;
	height: 1.3rem;
	line-height: 1.3rem;
	border-bottom: 1px solid #f1f1f1;
	margin-left: .2rem;
	margin-left: .3rem;
	display: flex;
}
.chatlistmidbox{
    margin-right: .6rem;
}
.chatname{
	font-size: .4rem;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: break-all;
}
.creategroupbox .van-button--default{
	border: none;
}
.creategroupbox .van-button__text{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
}
.chosecir{
	width: .6rem;
	height: .6rem;
	margin-right: .3rem;
}
.fixedtoptit{
	display: inline;
}
.dingdan{
	position: absolute;
    right: .2rem;
    top: .1rem;
	width: 1.8rem;
	height: .8rem;
	border-radius: .15rem;
}
.fixedtop .van-button--normal{
	padding: 0;
}

.namebox{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.6);
	z-index: 10;
	display: flex;
	align-items: center;
	justify-content: center;
}
.namebox_contentbox{
	position: relative;
	width: 75%;
	height: 4rem;
	background-color: #fff;
	border-radius: .1rem;
}
.namebox_contentbox input{
	border: 1px solid #DCDCDC;
	border-radius: .1rem;
	height: .8rem;
	padding-left: .2rem;
	margin: 0 auto;
	display: block;
	font-size: .4rem;
}
::-webkit-input-placeholder { /* WebKit browsers */
  color: #999;
}
.namebox_contenttit{
	text-align: center;
	font-size: .42rem;
    margin-bottom: .4rem;
	margin-top: .2rem;
}
.namebox .van-button--normal{
	height: .9rem;
	line-height: .9rem;
	display: block;
	margin-top: .5rem;
}
.conbuttonbox{
	display: flex;
	align-items: center;
	justify-content: center;
}
.closebox{
	position: absolute;
	right: 0;
	width: 1rem;
	height: 1rem;
	display: flex;
	align-items: center;
	justify-content: center;
}
.closebox img{
	width: .5rem;
	height: .5rem;
}